import Vue from 'vue'
import Router from 'vue-router'
// 导入login页面
import Login from '@/components/Login'
// 导入home页面
import Home from '@/components/Homes/Home'
// 导入welcome页面
import Welcome from '@/components/Homes/Welcome'

Vue.use(Router)

const router = new Router({
  routes: [
    { path: '/', redirect: '/home' },
    { path: '/login', component: Login },
    {
      path: '/home',
      component: Home,
      redirect: '/welcome',
      children: [{ path: '/welcome', component: Welcome }]
    }
  ]
})

// 为路由对象 添加beforeEach 导航守卫
router.beforeEach((to, from, next) => {
  // 如果用户访问的登录页 直接放行
  if (to.path === '/login') return next()
  // 从sessionStorage 中获取到 保存的token值
  const tokenStr = window.sessionStorage.getItem('token')
  // 没有token强制跳转到登陆页
  if (!tokenStr) return next('/login')
  next()
})
export default router
